<template>
  <div class="App">
    <h1>我是App组件</h1>
    <Count/>
    <hr>
    <Movie/>
  </div>
</template>

<script>
import Count from "@/components/Count";
import Movie from "@/components/Movie";
export default {
  name: "App",
  components: {Count,Movie},
}
</script>

<!--scoped表示给当前元素设置作用域，只对当前组件内的元素生效-->
<style scoped>
.App{
  background-color: antiquewhite;
}

/*样式穿透*/
.App >>> .count{
  background-color: aqua;
}
</style>